@charset "utf-8";
body {background:url(../images/bg.png) #f5f5f5;min-width:900px;}
.pc-header {
	
}

/*	Yui-btn	*/
.yui-btn {font-family: 'Microsoft Yahei';height: 38px;line-height: 36px;background: #fff;border:1px solid #c9c9c9;cursor: pointer;color: #555;font-size:14px;border-radius: 3px;display: inline-block;white-space:nowrap;text-align: center;outline:none;padding:0 10px;*overflow: visible;*line-height:normal;transition: all .3s;-webkit-transition: all .3s;}
.yui-btn:hover {opacity: .8;}
.yui-btn-mini {font-size: 12px;height: 26px;line-height: 24px;padding: 0 5px;*line-height:normal;}
.yui-btn-radius {border-radius:100px;}
.yui-btn .iconfont {margin-right:2px;}
.yui-btn-block {width: 100%;}
/*btn color skin*/
.yui-btn-default:hover {opacity: 1;border-color:#a9a9a9;}
.yui-btn-red {background:#FF5722;border-color:#FF5722;color: #fff;}
.yui-btn-green {background:#14a2bb;border-color:#14a2bb;color:#fff;}
.yui-btn-orange {background:#ff7043;border-color:#ff7043;color:#fff;}
.yui-btn-blue {background:#4aa9e2;border-color:#4aa9e2;color:#fff;}
.yui-btn-gray {background:#ececec;}
.yui-btn-disabled {background:#fbfbfb;border-color:#e6e6e6;color:#c9c9c9;cursor:not-allowed;}
/*	Yui-input	*/
.yui-input{height: 30px;line-height: 30px;border-radius: 3px;border:1px solid #e2e2e2;background: #fff;outline:none;padding: 0 5px;transition: all .3s;-webkit-transition: all .3s;}
.yui-input:focus {border-color: #ff8997;}
.yui-input-readonly {background: #f9f9f9;cursor:no-drop;}

.dataContent {font-size: 14px;
	display: -webkit-flex;
	display: flex;
}
.dataC-left {width: 225px;padding:30px;
}
.dataC-right {background: #fff;border-radius:5px;min-height: 500px;width: 100%;margin: 30px 30px 0 0;position: relative;
	-webkit-flex: 1;
	flex: 1;
}

/*设置参数*/
.set-param li {margin-bottom:10px;width:200px;position: relative;}
.set-param li input {width:150px;position: relative;z-index: 2;}
.set-param li em {position: absolute;display: block;width: 22px;height: 22px;background: #f36e7d;border-radius:3px;left:138px;top:5px;cursor:pointer;
-webkit-transition: .3s ease;
transition: .3s ease;
}
.set-param li em:after {content: "+";position: absolute;font-size: 20px;font-style: normal;color: #fff;left:6px;top:-3px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.set-param li:hover em {left:158px;}

/*设置数据条数*/
.Spinner {position: relative;width: 90px;height: 30px; border:1px solid #ccd2d9;border-radius: 3px;overflow: hidden;}
.Spinner a {display: block;width: 25px;height:100%;transition:all .3s ease;background: #f5f5f5;float:left;}
.Spinner a:hover {background: #e2e2e2;text-decoration:none;}
.Spinner input {height: 30px;width: 40px;border:none;float: left;text-align: center;float:left;font-size: 18px;color: #333;}
.Spinner a i {display: block;width: 100%;height: 100%;line-height:30px;font-style: normal;text-align: center;font-size:22px;color: #999;}

/*右侧框架 按钮*/
.dataC-right .btnbox {left:30px;display: none;margin:0 30px;text-align: right;}
.dataC-right .btnbox button:first-child {float: left;}

/*输出数据*/
.dataBox {margin: 30px;}
.dataBox .hd {height:45px;}
.dataBox .hd ul {border-bottom:2px solid #ddd;}
.dataBox ul li {height:42px;
	display: -webkit-box;
	display:-webkit-flex;
	display: flex;
}
.dataBox .bd li {border-bottom: 1px solid #f5f5f5;}
.dataBox .bd li:hover {background: #f5f5f5;}
.dataBox .bd li:hover .del-data {visibility:visible;}
.dataBox ul li p {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
.dataBox ul li p:not(:first-child):not(:last-child) {
	-webkit-flex:1;
	flex:1;
}
.dataBox ul li p:first-child {width: 50px;
	-webkit-justify-content: center;
	justify-content: center;
}
.dataBox ul li p:last-child {width: 50px;
	-webkit-justify-content: center;
	justify-content: center;
}
.dataBox .bd {overflow-y: auto;min-height:320px;}
.dataBox .bd .del-data {display: block;width: 30px;height: 30px;line-height: 28px;font-size:22px;text-align:center;color: #999;cursor: pointer;border:1px solid #d0d0d0;border-radius: 100%;visibility: hidden;
-webkit-transition: all .3s ease;
transition: background .3s ease;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.dataBox .bd .del-data:hover {color: #fff;background: #555;}




